<template>
  <div class="login-container">
    <van-nav-bar
      title="我的收藏"
      left-text="返回"
      left-arrow
      @click-left="$router.push('/my')"
      class="header"
    />
    <div>
      <van-cell-group>
        <van-cell v-for="value in 4" :key="value">
          <div slot="title">文章标题</div>
          <div slot="label">
            <div>文章内容</div>
            <div>
              <span><van-icon name="eye" />收藏(xxx)</span>
              &nbsp;
              <span><van-icon name="good-job" />点赞(4231)</span>
            </div>
          </div>
          <div slot="default">
            <van-image
              width="80"
              height="60"
              src="https://img01.yzcdn.cn/vant/apple-2.jpg"
            />
          </div>
        </van-cell>
      </van-cell-group>
    </div>
  </div>
</template>

<script>
export default {
  name: "MyZanIndex",
  components: {},
  props: {},
  data() {
    return {};
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {},
};
</script>
<style lang="less" scoped>
.login-container {
  .header {
    background-color: rgb(81, 158, 247);
  }
  /deep/ .van-nav-bar__title {
    color: #fff !important;
  }
  /deep/ .van-nav-bar__left span {
    color: #fff !important;
  }
  /deep/ .van-nav-bar .van-icon {
    color: #fff !important;
  }
}
</style>
